<ion-header style="margin-top:10%">
  <div class="ion-box">
    <ion-icon name="close" class="close" appDebounceClick (debounceClick)="dismiss()"></ion-icon>
    <span appDebounceClick (debounceClick)="dismiss()" class="fr f16 p5">完成</span>
  </div>
</ion-header>
<ion-content>
    <!-- <div class="ion-box">
        <ion-icon name="close" class="close" appDebounceClick (debounceClick)="dismiss()"></ion-icon>
        <span appDebounceClick (debounceClick)="dismiss()" class="fr f16 p5">完成</span>
      </div> -->
  <ion-searchbar animated (ionInput)="getItems($event)"></ion-searchbar>
  <ion-item-group *ngFor="let index of indexs">
    <ion-item-divider color="light">{{index}}</ion-item-divider>
    <ion-item *ngFor="let city of citys[index]" appDebounceClick (debounceClick)="selectCity(city)" [ngClass]="{'checked':city.checked}">{{city['name']}}</ion-item>
  </ion-item-group>
</ion-content>
